// 此js文件用于layui轮播图

layui.use('carousel', function () {
  var carousel = layui.carousel
  //***************************建造实例
  var ins = carousel.render({
    elem: '#test1'
    , width: '803px'     //设置容器宽度
    , arrow: 'always'    //始终显示箭头，可选hover,none
    , height: '450px'
    //,anim: 'updown'    //切换动画方式，可选fade,default
    , full: false        //全屏
    , autoplay: true     //自动切换
    , interval: 3000     //自动切换的时间间隔
    , index: 0           //初始化时item索引,默认时0
    , indicator: 'outside' //指示器位置，可选outside,none
  })

  //**************************监听轮播切换事件
  carousel.on('change(carofilter)', function (obj) { //test1来源于对应HTML容器的 lay-filter="test1" 属性值
    // console.log(obj.index)     //当前条目的索引
    // console.log(obj.prevIndex) //上一个条目的索引
    // console.log(obj.item)      //当前条目的元素对象
  })

  //****************************重置轮播
  //var ins = carousel.render(options);
  ins.reload({ arrow: 'hover' })//将arror从alway变成hover
})
